<template>
	<div class="tipBox center">
		<div class="tipText">{{tipText}}</div>
	</div>
</template>

<script>
	export default {
		name: "tip",
		data() {
			return {}
		},
		props: {
			tipText: String
		},
		methods: {

		},
	}
</script>
<style scoped>
	@media (min-height: 1919px) {
		.tipBox {
			position: fixed;
			top: 1400px;
			left: 0px;
			width: 100%;
			z-index: 3;
		}
	}

	@media (min-height: 0px) and (max-height: 1910px) {
		.tipBox {
			position: fixed;
			top: 48%;
			left: 0px;
			width: 100%;
			z-index: 3;
		}
	}



	.tipText {
		background-color: #FFFFFF;
		padding: 15px 70px;
		font-size: 32px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #435C7A;
	}
</style>
